﻿@{
    ViewBag.Title = "_Header";
}
<style type="text/css">
    a.aView {
        position: absolute;
        top: 75px;
        right: 15px;
        z-index: 100;
    }
    .providerForm {
        position: absolute;
        top: 95px;
        right: 15px;
        display: none;
        z-index: 100;
        background: none repeat scroll 0 0 #EFEFEF;
        color: #555555;
        font-size: 14px;
        line-height: 20px;
        padding: 5px;
    }
</style>
<div id="header" class="clearfix">
    <div class="floatLeft headerbox">
        @if(!string.IsNullOrEmpty(@ViewBag.OriginalUrl))
        { 
            <p>Rất tiếc! Trình duyệt không tìm thấy tên miền @ViewBag.OriginalUrl</p>
            <p>Bạn vui lòng thử các kết quả sau:</p>
        }
        else
        {
            if(!string.IsNullOrEmpty(@ViewBag.Keywords))
            {
                <p>Kết quả liên quan đến @ViewBag.Keywords</p>
            }
            else
            {
                <p>Hỗ trợ tìm kiếm</p>
            }
        }
    </div>
    <div class="floatRight">
        <img alt="Logo" src="~/Content/Images/404logo.gif">
    </div>
    <a href="javascript:void(0);" class="why-here">Đây là đâu?</a>
    @*<a href="#" style="clear:both; float:right; margin-top: -20px; margin-right: 65px; color: #666666; font-size: 12px; font-weight: normal;" 
    onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('@_404park.Utilities.AppGlobal.AppHostName');">Đặt làm trang chủ</a>*@
    <div class="why-here-box">
        <a href="#" class="close-btn">[x]</a>
        <h4>Đây là đâu?</h4>
        <p>Bạn vừa đến một website không có trên internet và đây là những thông tin liên quan đến điều mà bạn đang tìm kiếm.</p>        
    </div>
</div>
<a class="aView" href="javascript:void(0);" style="float:right;">Xem thêm tin tức</a>
<div class="providerForm">
    @Html.Partial("_Providers")
</div>
<script type="text/javascript">
    $('a.why-here').click(function (e) {
        e.preventDefault();
        $('.why-here-box').toggle();
        $('.providerForm').hide();
    });
    $('a.close-btn').click(function (e) {
        e.preventDefault();
        $('.why-here-box').hide();
    });
    $('.why-here-box').live('mouseleave', function (e) {
        e.preventDefault();
        $(this).hide();
    });
    $("a.aView").click(function (e) {
        e.preventDefault();
        $(".providerForm").toggle();
        $('.why-here-box').hide();
    });
    $(".providerForm").live("mouseleave", function (e) {
        e.preventDefault();
        $(this).hide();
        $(".providerForm .us").hide();
        $(".providerForm .arrowUp").hide();
        $(".providerForm .arrowDown").show();
    });
</script>